import { RouteRecordRaw } from 'vue-router'

const routeName = 'antd'

const routes: Array<RouteRecordRaw> = [
  {
    path: '/antd',
    name: `${routeName}-antd`,
    component: () => import('@/components/Suspense.vue'),
    redirect: '/antd/button',
    meta: {title: 'antd'},
    children: [
      {
        path: '/antd/button',
        name: `${routeName}-button`,
        component: () => import('@/views/Antd/Button.vue'),
        meta: {title: 'button'}
      },
      {
        path: '/antd/loading',
        name: `${routeName}-loading`,
        component: () => import('@/views/Antd/Loading.vue'),
        meta: {title: 'loading'}
      },
      {
        path: '/antd/fun',
        name: `${routeName}-fun`,
        component: () => import('@/views/Antd/Fun.vue'),
        meta: {title: 'fun'}
      },

    ]
  },
]

export default routes